$cartFontSzie: 5px !default;
$cartWidth: 1em !default;
$cartBorderLeft: 0.4em !default;
$cartBorderRight: 0.4em !default;
$cartBorderTop: 0.9em !default;
$cartBorderBeforeTop: -0.9em !default;
$cartBorderBeforeLeft: -0.8em !default;
$cartBorderBeforeWidth: 0.7em !default;
$cartBorderBeforeHeight: 0.3em !default;
$cartBorderTopRightRadius: 0.3em !default;
$cartAfterWidth: 0.4em !default;
$cartAfterHeight: 0.4em !default;
$cartBoxShadow: 0.6em !default;

.cart{
font-size: $cartFontSzie;
  position:absolute;
  margin:15px 20px;
  width:$cartWidth;
  height:0;
  border-left:solid $cartBorderLeft transparent;
  border-right:solid $cartBorderRight transparent;
  border-top:solid $cartBorderTop #2c2c2c;
}

.cart:before{
  content:"";
  dysplay:block;
  position:absolute;
  top:$cartBorderBeforeTop;
  left:$cartBorderBeforeLeft;
  width:$cartBorderBeforeWidth;
  height:$cartBorderBeforeHeight;
  background:#2c2c2c;
  border-top-right-radius:$cartBorderTopRightRadius;
}

.cart:after{
  content:"";
  dysplay:block;
  position:absolute;
  left:0.1em;
  top:0.1em;
  width:$cartAfterWidth;
  height:$cartAfterHeight;
  background:#2c2c2c;
  border-radius:50%;
  box-shadow:$cartBoxShadow 0 0 #2c2c2c;
}